<template>
  <view class="container">
    <text class="title">兄弟组件通信示例</text>

    <!-- 兄弟组件A -->
    <brother-a></brother-a>

    <!-- 兄弟组件B -->
    <brother-b></brother-b>
  </view>
</template>

<script>
  import BrotherA from "./BrotherA.vue";
  import BrotherB from "./BrotherB.vue";

  export default {
    components: {
      BrotherA,
      BrotherB,
    },
    data() {
      return {};
    },
    onLoad() {
      console.log("父页面加载完成");
    },
  };
</script>

<style scoped>
  .container {
    padding: 20rpx;
  }

  .title {
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    margin: 30rpx 0;
  }
</style>
